<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui">
	
	<!--			busqueda de mis vehiculos			-->

	<div id="panel-mis-vehiculos">	
		<div class="divPanelGridFiltro" align="center">
			<h:panelGroup id="plgFiltro">
				<h:panelGrid columns="5">
					<h:outputLabel value="#{etiquetaController.etiquetaPlaca.nombre}: " />
					<p:inputText style="text-transform:uppercase;"  value="#{cotizacionController.vehiculoBean.placa}"/>
					
					<h:outputLabel value="#{etiquetaController.etiquetaChasis.nombre}:  " />
					<p:inputText style="text-transform:uppercase;" id="busquedaChasis"   value="#{cotizacionController.vehiculoBean.chasis}"  />	
					<!--  
					<h:outputLabel value="Tipo veh.:  " />
					<p:selectOneMenu  id="cboTipoVehiculoBusqueda"
						value="#{cotizacionController.vehiculoBean.tipo}">
						<f:selectItem itemLabel="Seleccione" itemValue="-1" />
						<f:selectItem itemLabel="Propio" itemValue="P" />
						<f:selectItem itemLabel="Extra" itemValue="E" />
					</p:selectOneMenu>
					-->
					<h:outputText value="Marca:" />
					<p:selectOneMenu id="busquedaTipoMarca"  value="#{cotizacionController.marcaBusqueda}">
						<f:converter binding="#{marcaConverter}" />
						<f:selectItems var="marca" value="#{cotizacionController.listaMarcas}"
							itemLabel="#{marca.nombre}" itemValue="#{marca}"/>
					<p:ajax event="change"  process="@this" listener="#{cotizacionController.listarModelosPorMarca}" 
							 update="busquedaTipoModelo"/>
					</p:selectOneMenu>
					
					<h:outputLabel>Modelo:</h:outputLabel>
					<p:selectOneMenu id="busquedaTipoModelo"   value="#{cotizacionController.vehiculoBean.modelo}">
						<f:converter binding="#{modeloConverter}" />
						<f:selectItems var="modelo" value="#{cotizacionController.listaModelos}"
							itemLabel="#{modelo.nombre}" itemValue="#{modelo}" />						
					</p:selectOneMenu>										
				</h:panelGrid>	
									
				<div class="divBotonesFiltro" align="center">
					<p:commandButton value="Buscar" styleClass="butonSmall"
						action="#{cotizacionController.buscarVehiculos}"
						onstart="wvLoad.show()" 
						process="@this, plgFiltro"
						oncomplete="wvLoad.hide()"
						update="panelResultadosVehiculos" />
					<p:spacer width="5"/>
					<p:commandButton value="Limpiar" styleClass="butonSmall" process="@this" 
						action="#{cotizacionController.limpiarBusqueda}" update="plgFiltro" />
					<p:spacer width="5"/>
					
				</div>														
			</h:panelGroup>				
		</div>
		<p:spacer height="25" >
		</p:spacer>
		<div class="data-table-ventas">
			<h:panelGroup id="panelResultadosVehiculos">
				<p:dataTable id="dtVehiculos"
					var="vehiculo"  value="#{cotizacionController.listaVehiculosBean}"  rowKey="#{vehiculo.chasis}" 
					 emptyMessage=""
					 paginator="true" paginatorPosition="top" rows="10" 
					 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
					 currentPageReportTemplate="{currentPage} de {totalPages}">
					 <!-- 
					<p:column headerText="Fuente" style="width: 60px;"
						sortBy="#{vehiculo.tipo}" >
						<h:outputText value="#{vehiculo.tipo=='P' ? 'Propio' : 'Extra'}">
						</h:outputText>
					</p:column>
					 -->
					<p:column headerText="Marca" 
						sortBy="#{vehiculo.modelo.marca.nombre}"
						sortFunction="#{ordenarDatatable.ordernar}">
							<h:outputText  value="#{vehiculo.modelo.marca.nombre}" />
					</p:column>
					
					<p:column headerText="Tipo"  
						sortBy="#{vehiculo.modelo.tipoVehiculo.nombre}"
						sortFunction="#{ordenarDatatable.ordernar}">
						<h:outputText value="#{vehiculo.modelo.tipoVehiculo.nombre}">
						</h:outputText>
					</p:column>
				
					<p:column headerText="Modelo" 
						sortBy="#{vehiculo.modelo.nombre}"
						sortFunction="#{ordenarDatatable.ordernar}">
						<h:outputText value="#{vehiculo.modelo.nombre}">							
						</h:outputText>
					</p:column>
					
					<p:column headerText="#{etiquetaController.etiquetaChasis.nombre}" style="width: 180px;"
						sortBy="#{vehiculo.chasis}"
						sortFunction="#{ordenarDatatable.ordernar}">						
						<h:outputText value="#{vehiculo.chasis}">							
						</h:outputText>
					</p:column>
					
					<p:column headerText="#{etiquetaController.etiquetaPlaca.nombre}" style="width: 120px;"
						sortBy="#{vehiculo.placa}"
						sortFunction="#{ordenarDatatable.ordernar}">
						<h:outputText value="#{vehiculo.placa}">							
						</h:outputText>
					</p:column>
					
					<p:column style="width: 2%;">
						<f:facet name="header">
							<h:outputText value=" " />
						</f:facet>
						<p:commandLink id="botonComprarRepuesto"
							action="#{cotizacionController.seleccionarVehiculoComprarRepuesto}"
							process=":tabGeneral:formRegistroVehiculos:panelResultadosVehiculos"
							update=":tabGeneral:formRegistroVehiculos:panelAgregarRepuestosCarrito" onstart="wvLoad.show()"
							oncomplete="wvLoad.hide();mostrarPestaniaMisVehiculos(xhr, status, args); $('[id*=comboListaGrupos_panel]').css({'min-width':157}); $('[id*=comboListaSubGrupos_panel]').css({'min-width':157}); $('[id*=comboListaTipoComponentes_panel]').css({'min-width':157});">
							<h:graphicImage library="images" name="repuesto.png"
								styleClass="iconSmall" alt="Comprar repuesto" title="Comprar repuesto" />
							<f:setPropertyActionListener value="#{vehiculo}"
								target="#{cotizacionController.vehiculoBeanComprarRepuesto}" />
						</p:commandLink>
					</p:column>
					
					<p:column styleClass="btn-DataTable-Icon-Centrado">
						<p:commandLink 
							rendered="#{vehiculo.tipo=='E'}"
							action="#{cotizacionController.cargarDatosVehiculoBean}"
							process=":tabGeneral:formRegistroVehiculos:panelResultadosVehiculos"							
							oncomplete="wvPopUpEditarVehiculo.show()"
							update=":tabGeneral:formRegistroVehiculos:panelVehiculoEditar">
							<h:graphicImage library="images" name="editar.png"
								styleClass="icon-small" alt="Editar" title="Editar" />
							<f:setPropertyActionListener value="#{vehiculo}"
								target="#{cotizacionController.vehiculoBeanEditar}" />
						</p:commandLink>
						<p:commandLink 
							rendered="#{vehiculo.tipo=='P'}"
							action="#{cotizacionController.cargarDatosVehiculoBean}"
							process=":tabGeneral:formRegistroVehiculos:panelResultadosVehiculos"							
							oncomplete="wvPopUpDetalleVehiculo.show()"
							update=":tabGeneral:formRegistroVehiculos:panelVehiculoDetalle">
							<h:graphicImage library="images" name="detalle.png"
								styleClass="icon-small" alt="Detalle" title="Detalle" />
							<f:setPropertyActionListener value="#{vehiculo}"
								target="#{cotizacionController.vehiculoBeanEditar}" />
						</p:commandLink>
						
						
					</p:column>
					<p:column styleClass="btn-DataTable-Icon-Centrado" >						
						<p:commandLink
							rendered="#{vehiculo.tipo=='E'}"	
							process=":tabGeneral:formRegistroVehiculos:panelResultadosVehiculos"
							oncomplete="wvPopUpEliminarVehiculo.show()" 
							update=":tabGeneral:formRegistroVehiculos:panelVehiculoEliminar">
							<h:graphicImage library="images" name="eliminar.png" 
								styleClass="icon-small" alt="Eliminar" title="Eliminar" />
							<f:setPropertyActionListener value="#{vehiculo}"
								target="#{cotizacionController.vehiculoBeanEliminar}" />
						</p:commandLink>
					</p:column>
					
					<f:facet name="footer">
						<div class="pie-cantidad-resultados">
							<h:outputText
								rendered="#{cotizacionController.listaVehiculosBean.size()>1}"
								value="Se encontraron #{cotizacionController.listaVehiculosBean.size()} veh&#237;culos." />
							<h:outputText
								rendered="#{cotizacionController.listaVehiculosBean.size()==1}"
								value="Se encontr&#243; #{cotizacionController.listaVehiculosBean.size()} veh&#237;culo." />
							<h:outputText
								rendered="#{cotizacionController.listaVehiculosBean.size()==0}"
								value="No se encontraron vehiculos." />
						</div>
					</f:facet>

				</p:dataTable>
			</h:panelGroup>
		</div>
	</div>
	
	<!--			agregar repuestos al carrito de compras			-->

	<div id="panel-agregar-repuestos-carrito">
		<h:panelGroup id="panelAgregarRepuestosCarrito">
			<div class="nombreSubBloque">
				<h:outputLabel value="Datos del veh&#237;culo seleccionado" />
			</div>
			
			<div class="divPanelGridFiltro datos-vehiculo-comprar-repuesto" align="center">
				<h:panelGrid columns="6">
					
					<h:outputLabel value="Marca: "/>
					<h:outputText styleClass="texto-general" value="#{cotizacionController.vehiculoBeanComprarRepuesto.modelo.marca.nombre}" />
								
					<h:outputLabel value="Tipo: "/>
					<h:outputText styleClass="texto-general" value="#{cotizacionController.vehiculoBeanComprarRepuesto.modelo.tipoVehiculo.nombre}" />
					
					
					<h:outputLabel value="Modelo: "/>
					<h:outputText styleClass="texto-general" value="#{cotizacionController.vehiculoBeanComprarRepuesto.modelo.nombre}" />
					
					<h:outputLabel value="#{etiquetaController.etiquetaChasis.nombre}: "/>
					<h:outputText styleClass="texto-general" value="#{cotizacionController.vehiculoBeanComprarRepuesto.chasis}" />
										
					<h:outputLabel value="#{etiquetaController.etiquetaPlaca.nombre}: "/>
					<h:outputText styleClass="texto-general" value="#{cotizacionController.vehiculoBeanComprarRepuesto.placa}" />
										
					<p:spacer/>
					<p:commandButton value="Regresar a mis veh&#237;culos" styleClass="boton-regresar-a-mis-vehiculos"
						action="#{cotizacionController.regresarPestaniaMisVehiculos}"
						oncomplete="mostrarPestaniaMisVehiculos(xhr, status, args);"
						process="@this"/>
					
				</h:panelGrid>
			</div>
			
			<div class="margin-top-agregar-repuestos">
				<p:tabView id="tabBusquedasRepuestos" styleClass="tab-agregar-repuestos"
					dynamic="true" cache="false">
					
					<p:tab id="tabBusquedaPorGrupo" title="B&#250;squeda de repuestos por grupo">
						<div class="izquierda">
							<div class="divPanelGridFiltro buscar-repuestos" align="center">
								<h:panelGrid columns="2">
									
									<h:outputLabel
										rendered="#{cotizacionController.vehiculoBeanComprarRepuesto.tipo == 'P'}">Componente: <span>( * )</span></h:outputLabel>
									<h:panelGroup rendered="#{cotizacionController.vehiculoBeanComprarRepuesto.tipo == 'P'}">
										<p:selectOneMenu id="comboListaTipoComponentes"
											value="#{cotizacionController.tipoComponenteSeleccionado}">
											<f:converter binding="#{tipoComponenteConverter}" />
											<f:selectItems value="#{cotizacionController.listaTipoComponentes}"
												var="tipoComponente" itemLabel="#{tipoComponente.nombre}"
												itemValue="#{tipoComponente}" />
											<p:ajax event="change"
												listener="#{cotizacionController.seleccionarTipoComponente}" onstart="wvLoad.show()"
												process="@this" oncomplete="wvLoad.hide()"
												update="comboListaGrupos, comboListaSubGrupos, panelImagen, panelListaRepuestosAsignadosImagen" />
										</p:selectOneMenu>
									</h:panelGroup>
									
									<h:outputLabel>Grupo: <span>( * )</span></h:outputLabel>
									<p:selectOneMenu id="comboListaGrupos"
										value="#{cotizacionController.grupoSeleccionado}">
										<f:converter binding="#{grupoConverter}" />
										<f:selectItems value="#{cotizacionController.listaGrupos}" 
											var="grupo" itemLabel="#{grupo.nombre}" itemValue="#{grupo}" />
										<p:ajax event="change"
											listener="#{cotizacionController.seleccionarGrupo}" onstart="wvLoad.show()"
											process="@this"  oncomplete="wvLoad.hide()"
											update="comboListaSubGrupos, panelImagen, panelListaRepuestosAsignadosImagen" />
									</p:selectOneMenu>

									<h:outputLabel>Subgrupo: <span>( * )</span></h:outputLabel>
									<p:selectOneMenu id="comboListaSubGrupos"
										value="#{cotizacionController.subGrupoSeleccionado}">
										<f:converter binding="#{subGrupoConverter}" />
										<f:selectItems value="#{cotizacionController.listaSubGrupos}"
											var="subGrupo" itemLabel="#{subGrupo.nombre}"
											itemValue="#{subGrupo}" />
										<p:ajax event="change"
											listener="#{cotizacionController.seleccionarSubGrupo}" onstart="wvLoad.show()"
											process="@this" oncomplete="wvLoad.hide();tamanioImagenInicial('imagen-busqueda-grupos','imagen-vista-previa');"
											update="panelImagen, panelListaRepuestosAsignadosImagen" />
									</p:selectOneMenu>

									
									
								</h:panelGrid>
							</div>
							
							<p:spacer height="15"/>

							<div>
							<!-- 
								<h:outputLabel value="Repuestos:" />
 -->
								<h:panelGroup id="panelListaRepuestosAsignadosImagen">
									<p:dataTable var="imagenRepuesto"
										value="#{cotizacionController.listaRepuestosAsignadosImagenSeleccionada}"
										rowKey="#{imagenRepuesto.keyListado}"
										emptyMessage="La imagen no tiene repuestos asignados"
										paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
										paginator="true" paginatorPosition="top" rows="10"
										currentPageReportTemplate="{currentPage} de {totalPages}">

										
										<p:column headerText="Posici&#243;n"
											sortBy="#{imagenRepuesto.posicion}" style="width: 50px; text-align: center;"
											styleClass="centrar-contenido">
											<h:outputText value="#{imagenRepuesto.posicion}" />
										</p:column>

										<p:column headerText="Descripci&#243;n" styleClass="centrar-contenido"
											sortBy="#{imagenRepuesto.repuesto.nombre}">
											<h:outputText value="#{imagenRepuesto.repuesto.nombre} #{imagenRepuesto.observacion}"  />
										</p:column>

										<p:column headerText="-" styleClass="centrar-contenido">
											<p:commandLink id="botonComprarRepuesto"
												action="#{cotizacionController.seleccionarImagenRepuestoAniadir}"
												process=":tabGeneral:formRegistroVehiculos:tabBusquedasRepuestos:panelListaRepuestosAsignadosImagen"
												update=":tabGeneral:formRegistroVehiculos:panelAniadirRepuestoCarrito "
												oncomplete="wvPopupAniadirRepuestoCarrito.show();"
												disabled="#{imagenRepuesto.estado!='A'}" >
												<h:graphicImage library="images" name="#{imagenRepuesto.estado == 'A' ? 'carrito.png' : 'ayuda.png'}" 												
													styleClass="iconSmall" alt="A&#241;adir"
													title="#{imagenRepuesto.estado == 'A' ? 'A&#241;adir al carrito' : 'No Aplica'}" />
												<f:setPropertyActionListener value="#{imagenRepuesto}"
													target="#{cotizacionController.imagenRepuestoAniadir}" />
											</p:commandLink>
										</p:column>

									</p:dataTable>
								</h:panelGroup>
							</div>
						</div>
						
						<div class="derecha">
							<h:panelGroup id="panelImagen">
								<div class="botones-navegacion-imagenes" align="center">
									<h:panelGroup id="panelBotonesNavegacion">
										<h:panelGrid columns="3">
											
											<h:panelGroup>
												<p:commandButton icon="ui-icon-seek-first"
													title="Primera" disabled="#{cotizacionController.deshabilitarPrimera}"
													process="@this" action="#{cotizacionController.verPrimeraImagen}"
													update="panelImagen, panelListaRepuestosAsignadosImagen" />
												<p:commandButton icon="ui-icon-seek-prev"
													title="Anterior" disabled="#{cotizacionController.deshabilitarAnterior}"
													process="@this" action="#{cotizacionController.verAnteriorImagen}"
													update="panelImagen, panelListaRepuestosAsignadosImagen" />
											</h:panelGroup>
											
											<h:outputLabel id="textoNavegadorImagenes"
												value=" #{cotizacionController.indiceImagenSeleccionada} de #{cotizacionController.tamanioListaImagen} "/>
											
											<h:panelGroup>
												<p:commandButton icon="ui-icon-seek-next"
													title="Siguiente" disabled="#{cotizacionController.deshabilitarSiguiente}"
													process="@this" action="#{cotizacionController.verSiguienteImagen}"
													update="panelImagen, panelListaRepuestosAsignadosImagen" />
												<p:commandButton icon="ui-icon-seek-end"
													title="&#218;ltima" disabled="#{cotizacionController.deshabilitarUltima}"
													process="@this" action="#{cotizacionController.verUltimaImagen}"
													update="panelImagen, panelListaRepuestosAsignadosImagen" />
											</h:panelGroup>
											
										</h:panelGrid>
									</h:panelGroup>
								</div>
								
								<div>
									<h:panelGroup id="panelScrollImagen"
										rendered="#{cotizacionController.imagenSeleccionada.tipo == 'IMG'}">
										<div id="container-image-scroll" class="scroll-image imagen-busqueda-grupos"
											align="center">
											<p:graphicImage id="image-scroll" rendered="#{cotizacionController.imagenSeleccionada.nombreArchivo != 'noseencontraronimagenes.jpg'}"
												value="/imagen/servidor/?nombreArchivo=#{cotizacionController.imagenSeleccionada.nombreArchivo}&#38;tipo=imagen"
												styleClass="imagen-vista-previa imagenBusquedaGrupo" />
										</div>
	
										<div class="botones-scroll-image">
											<p:commandLink oncomplete="zoomTodoImagen('imagen-busqueda-grupos','imagenBusquedaGrupo')" process="@this">
												<p:graphicImage library="images" name="zoom-todo.png"
													title="ver todo" alt="ver todo" />
											</p:commandLink>
											<p:commandLink oncomplete="zoomOriginalImagen('imagenBusquedaGrupo')" process="@this">
												<p:graphicImage library="images" name="zoom-original.png"
													title="original" alt="original" />
											</p:commandLink>
											<p:commandLink oncomplete="zoomAlejarImagen('imagenBusquedaGrupo')" process="@this">
												<p:graphicImage library="images" name="zoom-out.png"
													title="alejar" alt="alejar" />
											</p:commandLink>
											<p:commandLink oncomplete="zoomAcercarImagen('imagenBusquedaGrupo')" process="@this">
												<p:graphicImage library="images" name="zoom-in.png"
													title="acercar" alt="acercar" />
											</p:commandLink>
										</div>
									</h:panelGroup>
	
									<p:media
										value="/pdf/servidor/?nombreArchivo=#{cotizacionController.imagenSeleccionada.nombreArchivo}"
										rendered="#{cotizacionController.imagenSeleccionada.tipo == 'PDF'}"
										styleClass="pdf-vista-previa">
											Tu navegador no puede mostrar PDFs
										<h:outputLink
											value="/resources/images/imagenes/#{cotizacionController.imagenSeleccionada.nombreArchivo}">click</h:outputLink>Descargar archivo
									</p:media>
								</div>
							</h:panelGroup>
						</div>
					</p:tab>
					
					<p:tab id="tabBusquedaPorNombre" title="B&#250;squeda de repuestos por descripci&#243;n">
						<div class="izquierda">
							
							<div class="divPanelGridFiltro buscar-repuestos" align="center">
								<h:panelGrid columns="2">
									
									<h:outputLabel>Descripci&#243;n: <span>( * )</span></h:outputLabel>
									<h:panelGroup>
										<p:inputText id="nombreRepuestoBuscar" value="#{cotizacionController.repuestoBusqueda.nombre}" 
										required="true">
										</p:inputText>
										<p:commandButton icon="ui-icon-search"
											action="#{cotizacionController.buscarRepuestosPorNombre}" onstart="wvLoad.show()"
											process="@this, nombreRepuestoBuscar" oncomplete="wvLoad.hide()"
											update="panelListaRepuestosBusquedaNombre" />
									</h:panelGroup>
										
								</h:panelGrid>
							</div>
							
							<p:spacer height="25"/>

							<div>
								<h:outputLabel value="Repuestos:" />

								<h:panelGroup id="panelListaRepuestosBusquedaNombre">
									<p:dataTable var="imagenRepuesto"
										value="#{cotizacionController.listaImagenRepuestoBusqueda}"
										rowKey="#{imagenRepuesto.keyListado}"
										emptyMessage="No existen repuestos para esta b&#250;squeda"
										paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
										paginator="true" paginatorPosition="top" rows="10"
										currentPageReportTemplate="{currentPage} de {totalPages}">
										<p:column headerText="Posici&#243;n"
											sortBy="#{imagenRepuesto.posicion}" style="width: 50px; text-align: center;"
											styleClass="centrar-contenido">
											<h:outputText value="#{imagenRepuesto.posicion}" />
										</p:column>

										<p:column headerText="Descripci&#243;n" styleClass="centrar-contenido"
											sortBy="#{imagenRepuesto.repuesto.nombre}">
											<h:outputText value="#{imagenRepuesto.repuesto.nombre}" />
										</p:column>

										<p:column style="width: 2%; text-align: center;">
											<f:facet name="header">
												<h:outputText value=" " />
											</f:facet>
											<p:commandLink id="botonComprarRepuestoBusqueda"
												action="#{cotizacionController.seleccionarImagenRepuestoAniadir}"
												process=":tabGeneral:formRegistroVehiculos:tabBusquedasRepuestos:panelListaRepuestosBusquedaNombre"
												update=":tabGeneral:formRegistroVehiculos:panelAniadirRepuestoCarrito "
												oncomplete="wvPopupAniadirRepuestoCarrito.show();">
												<h:graphicImage library="images" name="carrito.png"
													styleClass="iconSmall" alt="A&#241;adir" title="A&#241;adir al carrito" />
												<f:setPropertyActionListener value="#{imagenRepuesto}"
													target="#{cotizacionController.imagenRepuestoAniadir}" />
											</p:commandLink>
										</p:column>

										<p:column style="width: 2%; text-align: center;">
											<f:facet name="header">
												<h:outputText value=" " />
											</f:facet>
											<p:commandLink id="botonVerImagenRepuestoBusqueda"
												action="#{cotizacionController.seleccionarImagenRepuestoVerImagen}"
												process=":tabGeneral:formRegistroVehiculos:tabBusquedasRepuestos:panelListaRepuestosBusquedaNombre"
												update=":tabGeneral:formRegistroVehiculos:tabBusquedasRepuestos:panelImagenBusquedaNombre " >
												<h:graphicImage library="images" name="imagen.png"
													styleClass="iconSmall" alt="Ver imagen" title="Ver imagen" />
												<f:setPropertyActionListener value="#{imagenRepuesto}"
													target="#{cotizacionController.imagenRepuestoVerImagen}" />
											</p:commandLink>
										</p:column>

									</p:dataTable>
								</h:panelGroup>
							</div>
						</div>
						
						<div class="derecha">
							<h:panelGroup id="panelImagenBusquedaNombre">
								<div>
									<h:panelGroup id="panelScrollImagenBusquedaNombre"
										rendered="#{cotizacionController.imagenRepuestoVerImagen.imagen.tipo == 'IMG'}">
										<div class="scroll-image imagen-busqueda-repuestos"
											align="center">
											<p:graphicImage rendered="#{cotizacionController.imagenRepuestoVerImagen.imagen.nombreArchivo != 'noseencontraronimagenes.jpg'}"
												value="/imagen/servidor/?nombreArchivo=#{cotizacionController.imagenRepuestoVerImagen.imagen.nombreArchivo}&#38;tipo=imagen"
												styleClass="imagen-vista-previa imagenBusqueda" />
										</div>
	
										<div class="botones-scroll-image">
											<p:commandLink oncomplete="zoomTodoImagen('imagen-busqueda-repuestos','imagenBusqueda')" process="@this">
												<p:graphicImage library="images" name="zoom-todo.png"
													title="Ver todo" alt="Ver todo" />
											</p:commandLink>
											<p:commandLink oncomplete="zoomOriginalImagen('imagenBusqueda')" process="@this">
												<p:graphicImage library="images" name="zoom-original.png"
													title="Original" alt="Original" />
											</p:commandLink>
											<p:commandLink oncomplete="zoomAlejarImagen('imagenBusqueda')" process="@this">
												<p:graphicImage library="images" name="zoom-out.png"
													title="Alejar" alt="Alejar" />
											</p:commandLink>
											<p:commandLink oncomplete="zoomAcercarImagen('imagenBusqueda')" process="@this">
												<p:graphicImage library="images" name="zoom-in.png"
													title="Acercar" alt="Acercar" />
											</p:commandLink>
										</div>
									</h:panelGroup>
	
									<p:media
										value="/pdf/servidor/?nombreArchivo=#{cotizacionController.imagenRepuestoVerImagen.imagen.nombreArchivo}"
										rendered="#{cotizacionController.imagenRepuestoVerImagen.imagen.tipo == 'PDF'}"
										styleClass="pdf-vista-previa">
											Tu navegador no puede mostrar PDFs
										<h:outputLink
											value="/resources/images/imagenes/#{cotizacionController.imagenRepuestoVerImagen.imagen.nombreArchivo}">click</h:outputLink>Descargar archivo
									</p:media>
								</div>
							</h:panelGroup>
						</div>
					</p:tab>
				</p:tabView>
			</div>
		</h:panelGroup>
	</div>
	
	<!--			Dialog Nuevo Vehiculo			-->
  
	<p:dialog id="dlgVehiculoNuevo" widgetVar="wvDlgVehiculoNuevo" closable="true" draggable="false"
		header="Nuevo veh&#237;culo" modal="true" resizable="false">			
		<h:panelGroup id="panelVehiculoNuevo">
			<div  class="divPanelGridFiltro" >
				<h:panelGrid id="gridDatosNuevoVehiculo" columns="2">
					<h:outputLabel>Marca: <span>( * )</span></h:outputLabel>	
					<p:selectOneMenu id="cboMarcaNuevo" value="#{cotizacionController.marcaSeleccionada}">
						<f:converter binding="#{marcaConverter}" />
						<f:selectItems var="marca" value="#{cotizacionController.listaMarcas}"
							itemLabel="#{marca.nombre}" itemValue="#{marca}" />	
						<f:validator validatorId="seleccionValidator" />
						<f:attribute name="campo" value="Marca" />	
						<p:ajax event="change"  process="@this" listener="#{cotizacionController.listarModelosNuevo}" 
							 update="cboModeloNuevo,msgCboMarcaNuevo"/>																	
						</p:selectOneMenu>
					
					<h:outputLabel>Tipo: <span>( * )</span></h:outputLabel>	
					<p:selectOneMenu id="cboTipoVehiculoNuevo" value="#{cotizacionController.tipoVehiculoSeleccionado}" >	
						<f:converter binding="#{tipoVehiculoConverter}" />					
						<f:selectItems var="tipoVeh"  value="#{cotizacionController.listaTipoVehiculos}"
							itemLabel="#{tipoVeh.nombre}" itemValue="#{tipoVeh}" />	
						<f:validator validatorId="seleccionValidator" />
						<f:attribute name="campo" value="Tipo" />
						<p:ajax event="change" process="@this" listener="#{cotizacionController.listarModelosNuevo}" 
							update="cboModeloNuevo,msgCboTipoVehiculoNuevo"/>									
					</p:selectOneMenu>
					
					<h:outputLabel>Modelo: <span>( * )</span></h:outputLabel>	
					<p:selectOneMenu id="cboModeloNuevo" value="#{cotizacionController.modeloNuevo}">						
						<f:converter binding="#{modeloConverter}" />
						<f:selectItems var="modelo" value="#{cotizacionController.listaModelosNuevo}"
							itemLabel="#{modelo.nombre}" itemValue="#{modelo}" />
						<f:validator validatorId="seleccionValidator" /> 
						<f:attribute name="campo" value="Modelo" />	
						<p:ajax event="change" process="@this" update="msgCboModeloNuevo"/>					
					</p:selectOneMenu>
					
					<h:outputLabel>#{etiquetaController.etiquetaChasis.nombre}:<span>( * * )</span></h:outputLabel>						
					<p:inputText style="text-transform:uppercase;" maxlength="20" value="#{cotizacionController.vehiculoExtra.chasis}" />	
					
					<h:outputLabel>#{etiquetaController.etiquetaPlaca.nombre}: <span>( * * )</span></h:outputLabel>		
					<p:inputText maxlength="12" style="text-transform:uppercase;" value="#{cotizacionController.vehiculoExtra.placa}" />						
				</h:panelGrid>									
			</div>
			<p:spacer height="15"/>
			<h:outputLabel value="( * ) Datos obligatorios" />							
			<h:outputLabel value="( * * ) Ingresar al menos un dato" />
			<div class="divBotonesFiltro" align="center" >
				<p:commandButton value="Guardar" ajax="true" styleClass="butonSmall"
					process="@this, panelVehiculoNuevo"
					action="#{cotizacionController.guardarVehiculo}"
					update="panelResultadosVehiculos,:growl,panelMessagesNuevo"
					oncomplete="ocultarDialogSiOperacionEsCorrecta(xhr, status, args,wvDlgVehiculoNuevo);" /> 
				<p:spacer width="10" />
				<p:commandButton value="Cancelar" ajax="true" immediate="true" styleClass="butonSmall"
					onclick="wvDlgVehiculoNuevo.hide()" />
			</div>
			<div class="panelMessages">
				<h:panelGroup id="panelMessagesNuevo">
					<p:message id="msgCboMarcaNuevo" for="cboMarcaNuevo" />
					<p:message id="msgCboTipoVehiculoNuevo" for="cboTipoVehiculoNuevo" />
					<p:message id="msgCboModeloNuevo" for="cboModeloNuevo" />					
				</h:panelGroup>							
			</div>				
		</h:panelGroup>			
	</p:dialog>
	 
	<!--			Dialog  Editar Vehiculo			-->
 
	<p:dialog id="popUpEditarVehiculo" widgetVar="wvPopUpEditarVehiculo"
		closable="true" draggable="false" header="Editar veh&#237;culo"
		modal="true" resizable="false">
		<div class="panel-general-popup">
			<h:panelGroup id="panelVehiculoEditar">
				<div class="divPanelGridFiltro">
					<h:panelGrid columns="2">
						<h:outputLabel>Marca: <span>( * )</span>
						</h:outputLabel>
						<p:selectOneMenu id="cboMarcaEditar"
							value="#{cotizacionController.marcaSeleccionadaEditar}"
							disabled="#{cotizacionController.habilitarEdicionVehiculo}">
							<f:converter binding="#{marcaConverter}" />
							<f:selectItems var="marca"
								value="#{cotizacionController.listaMarcas}"
								itemLabel="#{marca.nombre}" itemValue="#{marca}" />
							<f:validator validatorId="seleccionValidator" />
							<f:attribute name="campo" value="Marca" />
							<p:ajax event="change" process="@this"
								listener="#{cotizacionController.listarModelosEditar}"
								update="cboModeloEditar, msgCboMarcaEditar" />
						</p:selectOneMenu>

						<h:outputLabel>Tipo: <span>( * )</span>
						</h:outputLabel>
						<p:selectOneMenu id="cboTipoVehiculoEditar"
							value="#{cotizacionController.tipoVehiculoEditar}"
							disabled="#{cotizacionController.habilitarEdicionVehiculo}">
							<f:converter binding="#{tipoVehiculoConverter}" />
							<f:selectItems var="tipoVeh"
								value="#{cotizacionController.listaTipoVehiculos}"
								itemLabel="#{tipoVeh.nombre}" itemValue="#{tipoVeh}" />
							<f:validator validatorId="seleccionValidator" />
							<f:attribute name="campo" value="Tipo" />
							<p:ajax event="change" process="@this"
								listener="#{cotizacionController.listarModelosEditar}"
								update="cboModeloEditar,msgCboTipoVehiculoEditar" />
						</p:selectOneMenu>

						<h:outputLabel>Modelo: <span>( * )</span>
						</h:outputLabel>
						<p:selectOneMenu id="cboModeloEditar"
							value="#{cotizacionController.modeloEditar}"
							disabled="#{cotizacionController.habilitarEdicionVehiculo}">
							<f:converter binding="#{modeloConverter}" />
							<f:selectItems var="modelo"
								value="#{cotizacionController.listaModelosEditar}"
								itemLabel="#{modelo.nombre}" itemValue="#{modelo}" />
							<f:validator validatorId="seleccionValidator" />
							<f:attribute name="campo" value="Modelo" />
							<p:ajax event="change" process="@this"
								update="msgCboModeloEditar" />
						</p:selectOneMenu>

						<h:outputLabel>#{etiquetaController.etiquetaChasis.nombre}: <span>(
								* * )</span>
						</h:outputLabel>
						<p:inputText style="text-transform:uppercase;" maxlength="20"
							value="#{cotizacionController.vehiculoBeanEditar.chasis}"
							disabled="#{cotizacionController.habilitarEdicionVehiculo}" />

						<h:outputLabel>#{etiquetaController.etiquetaPlaca.nombre}: <span>(
								* * )</span>
						</h:outputLabel>
						<p:inputText style="text-transform:uppercase;" maxlength="12"
							value="#{cotizacionController.vehiculoBeanEditar.placa}"
							disabled="#{cotizacionController.habilitarEdicionVehiculo}" />
					</h:panelGrid>
				</div>
				<p:spacer height="15" />
				<h:panelGroup
					rendered="#{not cotizacionController.habilitarEdicionVehiculo}">
					<h:outputLabel value="( * ) Datos obligatorios" />
					<h:outputLabel value="( * * ) Ingresar al menos un dato" />
				</h:panelGroup>
				<div class="divBotonesFiltro" align="center">
					<h:panelGroup
						rendered="#{not cotizacionController.habilitarEdicionVehiculo}">
						<p:commandButton value="Guardar" ajax="true"
							styleClass="butonSmall"
							action="#{cotizacionController.editarVehiculo}"
							update="panelResultadosVehiculos,:growl,panelMessagesEditar"
							oncomplete="ocultarDialogSiOperacionEsCorrecta(xhr, status, args,wvPopUpEditarVehiculo);"
							process="@this,panelVehiculoEditar" />
						<p:spacer width="10" />
						<p:commandButton value="Cancelar" ajax="true" process="@this"
							styleClass="butonSmall" oncomplete="wvPopUpEditarVehiculo.hide()" />
					</h:panelGroup>
				</div>
				<div class="panelMessages">
					<h:panelGroup id="panelMessagesEditar">
						<p:message id="msgCboMarcaEditar" for="cboMarcaEditar" />
						<p:message id="msgCboTipoVehiculoEditar"
							for="cboTipoVehiculoEditar" />
						<p:message id="msgCboModeloEditar" for="cboModeloEditar" />
					</h:panelGroup>
				</div>
			</h:panelGroup>
		</div>
	</p:dialog>

	<p:dialog id="popUpDetalleVehiculo" widgetVar="wvPopUpDetalleVehiculo"
		closable="true" draggable="false" header="Detalle veh&#237;culo"
		modal="true" resizable="false">
		<div class="panel-general-popup">
			<h:panelGroup id="panelVehiculoDetalle">
				<div class="divPanelGridFiltro">
					<h:panelGrid columns="2">
						<h:outputLabel>Marca: </h:outputLabel>
						<h:outputText styleClass="texto-general"
							value="#{cotizacionController.marcaSeleccionadaEditar.nombre}" />

						<h:outputLabel>Tipo: </h:outputLabel>
						<h:outputText styleClass="texto-general"
							value="#{cotizacionController.tipoVehiculoEditar.nombre}" />


						<h:outputLabel>Modelo: </h:outputLabel>
						<h:outputText styleClass="texto-general" value="#{cotizacionController.modeloEditar.nombre}" />


						<h:outputLabel>#{etiquetaController.etiquetaChasis.nombre}: </h:outputLabel>
						<h:outputText styleClass="texto-general"
							value="#{cotizacionController.vehiculoBeanEditar.chasis}" />


						<h:outputLabel>#{etiquetaController.etiquetaPlaca.nombre}: </h:outputLabel>
						<h:outputText styleClass="texto-general"
							value="#{cotizacionController.vehiculoBeanEditar.placa}" />

					</h:panelGrid>
				</div>

			</h:panelGroup>
		</div>

	</p:dialog>

	<!--			Dialog  Aniadir Repuesto al Carrito			-->	
	
	<p:dialog id="popupAniadirRepuestoCarrito"
		widgetVar="wvPopupAniadirRepuestoCarrito" header="A&#241;adir repuesto"
		draggable="false" resizable="false" modal="true">
		<div class="panel-general-popup">
		
		<h:panelGroup id="panelAniadirRepuestoCarrito">
			<div class="divPanelGridFiltro" align="center">

			<h:panelGrid columns="2">


					<h:outputLabel value="Posici&#243;n: " />
					<h:outputText styleClass="texto-general" value="#{cotizacionController.imagenRepuestoAniadir.posicion}" />
					
					<h:outputLabel styleClass="label-general" value="Descripci&#243;n:" />
					<h:outputText styleClass="texto-general" value="#{cotizacionController.imagenRepuestoAniadir.repuesto.nombre}" />
					

					<h:outputLabel value="Cantidad referencial:" />
					
					<c:set var="cantidad_referencial" scope="session"
							value="#{cotizacionController.imagenRepuestoAniadir.cantidadReferencial}" />

						<c:choose>
							<c:when test="${cantidad_referencial== -1}">
								<h:outputText styleClass="texto-general" value="-" />
							</c:when>
							<c:when test="${cantidad_referencial== -2}">
								<h:outputText styleClass="texto-general" value="Seg&#250;n necesidad del cliente" />
							</c:when>
							<c:when test="${cantidad_referencial== -200}">
								<h:outputText styleClass="texto-general" value="No disponible" />
							</c:when>
							<c:otherwise>
								<h:outputText styleClass="texto-general" 
								value="#{cotizacionController.imagenRepuestoAniadir.cantidadReferencial}" />
							</c:otherwise>
						</c:choose>
										
					<h:outputLabel value="Cantidad solicitada: ( * ) " />
					<p:inputText id="cantidadElementoCotizacion" maxlength="10"
						value="#{cotizacionController.elementoCotizacionAniadir.cantidad}"
						required="true" requiredMessage="Cantidad solicitada: Requerido" >
						<f:validator validatorId="numeroValidator" />
						<f:validator validatorId="numeroPositivoValidator" />
						<f:attribute name="campo" value="Cantidad solicitada" />
						<p:ajax update="msgCantidadElementoCotizacion" />
					</p:inputText>
						
				</h:panelGrid>

				<div class="panel-botones" align="center">
					<p:commandButton value="Aceptar" styleClass="butonSmall" 
						actionListener="#{cotizacionController.aniadirElementoACarrito}"
						process="panelAniadirRepuestoCarrito"
						update=":tabGeneral:formCarritoCompras:plgDt, :growl, msgCantidadElementoCotizacion"
						oncomplete="ocultarDialogSiOperacionEsCorrecta(xhr, status, args, wvPopupAniadirRepuestoCarrito)" />
					<span>&#160;</span>
					<p:commandButton value="Cancelar" process="@this" styleClass="butonSmall" 
						oncomplete="wvPopupAniadirRepuestoCarrito.hide()" />
				</div>

				<div class="panelMessages">
					<p:message id="msgCantidadElementoCotizacion"
						for="cantidadElementoCotizacion" />
				</div>
			</div>
		</h:panelGroup>
		</div>
	</p:dialog>	
	
	<!--			Dialog  Eliminar Vehiculo			--> 
	
	<p:dialog id="popUpEliminarVehiculo" widgetVar="wvPopUpEliminarVehiculo" 
		closable="true" draggable="false" header="Eliminar veh&#237;culo"
		modal="true" resizable="false">		
		
		<h:panelGroup id="panelVehiculoEliminar" >
			<div align="center">
				<h:outputText value=" &#191;Est&#225; seguro de eliminar el veh&#237;culo?" />
				<p:spacer height="20"/>	
				<div class="panel-Eliminar" align="center">
					<p:commandButton value="Si"
						action="#{cotizacionController.eliminarVehiculo}" ajax="true"
						styleClass="butonSmall" icon="ui-icon ui-icon-check" process="@this"
						update=":growl,:tabGeneral:formRegistroVehiculos:panelResultadosVehiculos"
						 oncomplete="ocultarDialogSiOperacionEsCorrecta(xhr, status, args,wvPopUpEliminarVehiculo)"/>
					<span>&#160;</span>
					<p:commandButton value="No" icon="ui-icon ui-icon-close"
						styleClass="butonSmall" onclick="wvPopUpEliminarVehiculo.hide()" />
				</div>
			</div>		
		</h:panelGroup>			
	</p:dialog>
	
	<p:dialog id="load" modal="true" width="51" widgetVar="wvLoad" draggable="false" closable="false" resizable="false">
			<h:graphicImage height="25px" style="margin-top:-10px;" width="25px;" library="images" name="loading.gif"></h:graphicImage>
		</p:dialog>
			
</ui:composition>